<template>
  <!--顶部-->
  <HeaderTitle @backRoute="backRoute" :title="heTitle.title"></HeaderTitle>
<!--单位信息-->
  <HyCard :title="hyCard1.title" class="HyCard">
    <HyFormCopy ref="hyFormRef" :hyFormDefault="searchDefault" :hyFormConfig="searchConfig" :hyFormFields="searchFields1"></HyFormCopy>
</HyCard>
<!--设计单位信息-->
<HyCard :title="hyCard2.title" class="HyCard">
    <HyFormCopy ref="hyFormRef" :hyFormDefault="searchDefault" :hyFormConfig="searchConfig" :hyFormFields="searchFields2"></HyFormCopy>
</HyCard>
<!--数字化应用信息-->
<HyCard :title="hyCard3.title" class="HyCard">
    <HyFormCopy ref="hyFormRef" :hyFormDefault="searchDefault" :hyFormConfig="searchConfig" :hyFormFields="searchFields3"></HyFormCopy>
</HyCard>
</template>

<script lang="ts" setup>
import HyCard from '/@/components/HyCard/index.vue';
import HeaderTitle from '/@/components/HeaderTitle/index.vue';
import HyFormCopy from '/@/components/HyFormCopy/index.vue';
import Dialog from '../dialog/index.vue';
import type { TabsPaneContext } from 'element-plus';
import { ElMessage, ElMessageBox } from 'element-plus';
const heTitle=ref({
  title:'数字化应用申报'//顶部
})
const hyCard1=ref({
  title:'单位信息'
})
const hyCard2=ref({
  title:'设计单位信息'
})
const hyCard3=ref({
  title:'数字化应用信息'
})
//返回上一级
const backRoute=()=>{
  router.go(-1)
}
//传过去的表单的数据
const searchDefault=ref({

})
const searchConfig=ref({
  labelWidth: '120px',
				span: 6,
				offset: 0,
				type: 'search',
})
// 配置搜索
//单位信息
const searchFields1 = ref({
	applyId: {
		type: 'input',
		label: '责任部门',
    placeholder:'市大数据发展局',
    // disabled:true
	},
  applyId2: {
		type: 'input',
		label: '预算单位',
    placeholder:'请输入',
    // disabled:true
	},
  applyId3: {
		type: 'input',
		label: '应用牵头部门（专题组组长单位）',
    placeholder:'市委办公厅',
    // disabled:true
	},
	copyType: {
		type: 'select',
		label: '是否需要企业直报数据',
		options: [
			{
				label: '是',
				value: '1',
			},
			{
				label: '否',
				value: '2',
			},
		],
	},
	applyId4: {
		type: 'textarea',
		label: '企业直报数据描述',
    placeholder:'涉及xxx企业的xxx数据',
    // disabled:true,
    rows:3,
    span:18
	},
});
//设计单位信息
const searchFields2 = ref({
	applyId: {
		type: 'input',
		label: '统一社会信用代码',
    placeholder:'请输入统一社会信用代码',
    // disabled:true
	},
  applyId2: {
		type: 'input',
		label: '设计单位名称',
    placeholder:'无设计单位名称请填写"无',
    // disabled:true
	},
});
//数字化应用信息
const searchFields3 = ref({
	applyId: {
		type: 'input',
		label: '项目编码',
    placeholder:'CQXM2404090315',
    // disabled:true
	},
  applyId2: {
		type: 'input',
		label: '数字化应用名称',
    placeholder:'全市基层社会舆情探测系统3-9-5',
    // disabled:true
	},
  applyId3: {
		type: 'input',
		label: '负责人姓名',
    placeholder:'李四',
    // disabled:true
	},
  applyId4: {
		type: 'input',
		label: '负责人电话',
    placeholder:'19900999900',
    // disabled:true
	},
  applyId5: {
		type: 'select',
		label: '应用项目类别',
    // placeholder:'19900999900',
    // disabled:true
    options:[
    {
				label: '新建',
				value: '1',
			},
      {
				label: '整合',
				value: '2',
			},
      {
				label: '迭代续建',
				value: '3',
			},
      {
				label: '运维',
				value: '4',
			},
    ]
	},
  applyId6: {
		type: 'select',
		label: '行业地图（专题地图）开发情况',
    // placeholder:'19900999900',
    // disabled:true
    options:[
    {
				label: '已开发',
				value: '1',
			},
      {
				label: '本期计划开发',
				value: '2',
			},
      {
				label: '不需要开发',
				value: '3',
			},
      {
				label: '需要但不开发',
				value: '4',
			},
    ]
	},
  applyId7: {
		type: 'date',
		label: '应用预算年度',
    // placeholder:'19900999900',
    // disabled:true
	},
  applyId8: {
		type: 'date',
    picker: 'datetimerange',
    span: 6,
		label: '应用开发时间',
    // placeholder:'19900999900',
    // disabled:true
	},
  applyId9: {
		type: 'select',
		label: '应用领域',
    // placeholder:'19900999900',
    // disabled:true
    options:[
    {
				label: '取关联的IRS应用的应用领域信息',
				value: '1',
			},
    ]
	},
  applyId10: {
		type: 'select',
		label: '是否设计执法监督等相关事项',
    // placeholder:'19900999900',
    // disabled:true
    options:[
    {
				label: '涉及',
				value: '1',
			},
      {
				label: '不涉及',
				value: '2',
			},
    ]
	},
  applyId11: {
		type: 'select',
		label: '是否提交纸质件',
    // placeholder:'19900999900',
    // disabled:true
    options:[
    {
				label: '是',
				value: '1',
			},
      {
				label: '否',
				value: '2',
			},
    ]
	},
  applyId12: {
		type: 'textarea',
		label: '应用申报依据',
    placeholder:'测试测试测试',
    // disabled:true
    maxlength:1000,
    rows:3,
    span:18
	},
  applyId13: {
		type: 'textarea',
		label: '应用概述',
    placeholder:'简述应用包含内容，涉及业务板块、功能模块、业务支撑情况、涉及数据类型、用户量估算、用户群体等相关信息',
    // disabled:true
    maxlength:1000,
    rows:3,
    span:18
	},
  applyId14: {
		type: 'tag',
		label: '应用发布端',
    span:8,
    options:[
    {
				label: '支付宝',
				value: '1',
      },
      {
				label: '微信',
				value: '2',
      },
      {
				label: '网页',
				value: '3',
      },
      {
				label: 'PC客户端',
				value: '4',
      },
    ]
	},
  applyId15: {
		type: 'date',
		label: '支付宝发布时间',
    placeholder:'请选择发布时间',
    // disabled:true
	},
  applyId16: {
		type: 'date',
		label: '微信发布时间',
    placeholder:'请选择发布时间',
    // disabled:true
	},
  applyId17: {
		type: 'date',
		label: '网页发布时间',
    placeholder:'请选择发布时间',
    // disabled:true
	},
  applyId18: {
		type: 'date',
		label: 'PC客户端发布时间',
    placeholder:'请选择发布时间',
    // disabled:true
	},
  applyId20: {
		type: 'inputMoney',
		label: '应用总预算（万元）',
    placeholder:6,
    // disabled:true
	},
  applyId21: {
		type: 'inputMoney',
		label: '应用年度预算（万元）',
    placeholder:'请输入',
    // disabled:true
	},
  applyId22: {
		type: 'tag',
		label: '资金来源',
    span:14,
    options:[
    {
				label: '中央财政资金',
				value: '1',
      },
      {
				label: '市级财政资金',
				value: '2',
      },
      {
				label: '区县财政资金',
				value: '3',
      },
      {
				label: '部门自筹资金',
				value: '4',
      },
      {
				label: '银行贷款等投资',
				value: '5',
      },
      {
				label: '其他',
				value: '6',
      },
    ]
	},
});
const tabls = computed(() => {
});
const tableColumns = computed(() => {
	return {}
});
const tableConfigData = computed({
	get: () => {
		return 
	},
	set: (val) => {
		
	},
});
const router = useRouter();
const showDetails = (row: any) => {
	router.push({
		path: '../detail/demandDeclaration',
		// query: {
		// 	id: row.applyId,
		// },
	});
};
</script>
<style scoped lang="scss">
.HyCard{
  margin-top: 10px;
}
</style>
